---
import VanillaSidebar from "@astrojs/starlight/components/Sidebar.astro";
import ChallengesSignupPopover from "../shaderhunt/ChallengesSignupPopover.astro";
---

<div class="md:sl-hidden">
  <a href="/TypeGPU/getting-started">Docs</a>
</div>
<div class="md:sl-hidden">
  <a href="/TypeGPU/examples">Examples</a>
</div>
<ChallengesSignupPopover>
    <div class="md:sl-hidden">
        <a href="/TypeGPU/getting-started">Challenges</a>
    </div>
</ChallengesSignupPopover>
<div class="md:sl-hidden">
  <a href="/TypeGPU/blog">Blog</a>
</div>

<VanillaSidebar />

<style>
  div {
    padding: 0 1rem;
  }

  div a {
    color: var(--sl-color-white);
    font-size: var(--sl-text-md);
    font-weight: 600;
    text-decoration: none;
    display: block;
  }
</style>
